* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,
body,
#app,
.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body {
	font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
}
a {
	text-decoration: none
}
.tangram-suggestion-main {
	z-index: 9999;
}
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
.content-box {
	position: absolute;
	left: 210px;
	right: 0;
	top: 48px;
	z-index: 1;
	bottom: 0;
	padding-bottom: 30px;
	-webkit-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out;
	background: #F5F7F9;
}
.content {
	width: auto;
	height: 100%;
	overflow-y: scroll;
	box-sizing: border-box;
	padding: 16px 24px;
	padding-bottom: 24px;
}
.view {
	background: #fff;
	font-size: 14px;
	color: #737F80;
}
.content-collapse {
	left: 65px;
}
.crumbs {
	margin: 10px 0;
}
.el-table th {
	background-color: #f5f7fa !important;
}
.pagination {
	margin: 20px 0;
	text-align: right;
}
.plugins-tips {
	padding: 20px 10px;
	margin-bottom: 20px;
}
.el-button+.el-tooltip {
	margin-left: 10px;
}
.el-table tr:hover {
	background: #f6faff;
}
.move-enter-active,
.move-leave-active {
	transition: opacity .5s;
}
.move-enter,
.move-leave {
	opacity: 0;
}
/*BaseForm*/
.form-box {
	width: 600px;
}
.form-box .line {
	text-align: center;
}
.el-time-panel__content::after,
.el-time-panel__content::before {
	margin-top: -7px;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
	padding-bottom: 0;
}
/*Upload*/
.pure-button {
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}
.g-core-image-corp-container .info-aside {
	height: 45px;
}
.el-upload--text {
	background-color: #fff;
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	box-sizing: border-box;
	width: 360px;
	height: 180px;
	text-align: center;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.el-upload--text .el-icon-upload {
	font-size: 67px;
	color: #97a8be;
	margin: 40px 0 16px;
	line-height: 50px;
}
.el-upload--text {
	color: #97a8be;
	font-size: 14px;
	text-align: center;
}
.el-upload--text em {
	font-style: normal;
}
/*VueEditor*/
.ql-container {
	min-height: 400px;
}
.ql-snow .ql-tooltip {
	transform: translateX(117.5px) translateY(10px) !important;
}
.editor-btn {
	margin-top: 20px;
}
/*markdown*/
.v-note-wrapper .v-note-panel {
	min-height: 500px;
}
.el-submenu__title:hover {
	background: rgba(81, 203, 205, 0.08) !important;
}
.el-menu-item:hover {
	background: rgba(81, 203, 205, 0.08) !important;
}
.el-table th>.cell {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	vertical-align: middle;
	padding-left: 13px !important;
	padding-right: 10px;
	width: 100%;
}
.input-wrapper {
	width: 250px !important;
}
.form-wrapper {
	margin-bottom: 20px;
}
/* flex */
.d-flex {
	display: flex !important;
}
.d-block {
	display: block;
}
.flex-wrap-n {
	flex-wrap: nowrap;
}
.flex-wrap-y {
	flex-wrap: wrap;
}
.flex-column {
	flex-direction: column;
}
.nowrap {
	white-space: nowrap;
}
.align-items-center {
	align-items: center;
}
.align-items-end {
	align-items: flex-end;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-between {
	justify-content: space-between;
}
.justify-content-around {
	justify-content: space-around;
}
.justify-content-end {
	justify-content: end;
}
.flex-a-c {
	display: flex;
	align-items: center;
}
.flex-a-b-c {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-a-a-c {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.flex-j-c {
	display: flex;
	justify-content: center;
}
.flex-c-c {
	display: flex;
	justify-content: center;
	align-items: center;
}
.felx1 {
	flex: 1;
}
.flex1 {
	flex: 1;
}
.d-block {
	display: block;
}
.d-inline-block {
	display: inline-block;
}
.el-menu-item.is-active {
	background-color: rgba(81, 203, 205, 0.08) !important;
	color: #51CDCB !important;
	position: relative;
}
.el-menu-item.is-active::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #51CBCD;
	opacity: 1;
	right: 0;
}
.line-left {
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #454a4c;
	position: relative;
	margin-left: 8px;
}
.line-left::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 16px;
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #51cbcd;
}
.el-tabs__header {
	height: 56px !important;
	background: #ffffff;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #e6ebeb !important;
}
.el-tabs__nav-wrap::after {
	content: "";
	display: none;
}
.el-tabs__nav {
	height: 56px !important;
	margin-left: 24px !important;
}
.el-tabs__active-bar {
	width: 112px !important;
}
.el-tabs__item {
	padding: 0 !important;
	width: 112px !important;
	height: 56px !important;
	line-height: 56px !important;
	text-align: center !important;
}
.el-date-table td.disabled div {
	background: rgba(81, 203, 205, 0.15) !important;
	color: #51CBCD !important;
}
.el-date-table td span {
	border-radius: unset !important;
}
.el-date-table td.today span {
	color: #51CBCD !important;
}
.el-date-table td.current:not(.disabled) span {
	background: #51CBCD !important;
	color: #FFFFFF !important;
}
.shadow-gray {
	box-shadow: 0 0px 10px rgba(0, 0, 0, 1.2);
}
.shadow-gray50 {
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.50);
}
.lh1 {
	line-height: 1;
}
/* width */
.w100p {
	width: 100% !important;
}
.w50p {
	width: 50%;
}
.w33p {
	width: 33.3%;
}
.w24p {
	width: 24%;
}
.w10 {
	width: 10px;
}
.w20 {
	width: 20px;
}
.w24 {
	width: 24px;
}
.w30 {
	width: 30px;
}
.w40 {
	width: 40px !important;
}
.w45 {
	width: 45px !important;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w63 {
	width: 63px;
}
.w70 {
	width: 70px;
}
.w73 {
	width: 73px;
}
.w77 {
	width: 77px;
}
.w80 {
	width: 80px;
}
.w90 {
	width: 90px;
}
.w98 {
	width: 98px;
}
.w100 {
	width: 100px !important;
}
.w110 {
	width: 110px;
}
.w120 {
	width: 120px !important;
}
.w130 {
	width: 130px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w152 {
	width: 152px;
}
.w164 {
	width: 164px;
}
.w180 {
	width: 180px;
}
.w200 {
	width: 200px !important;
}
.w235 {
	width: 235px !important
}
.w240 {
	width: 240px !important
}
.w250 {
	width: 250px !important
}
.w300 {
	width: 300px !important
}
.w320 {
	width: 320px !important
}
.w340 {
	width: 340px !important
}
.w370 {
	width: 370px !important
}
.w400 {
	width: 400px !important;
}
.w440 {
	width: 440px !important;
}
.w450 {
	width: 550px !important;
}
.w600 {
	width: 600px !important;
}
.w350 {
	width: 700px;
}
.w375 {
	width: 750px;
}
.w800 {
	width: 800px;
}
.w500 {
	width: 500px;
}
.w220 {
	width: 220px !important;
}
.w1000 {
	width: 1000px !important;
}
/* height */
.h100p {
	height: 100%;
}
.h50p {
	height: 50%;
}
.h33p {
	height: 33.3%;
}
.h10 {
	height: 10px;
}
.h18 {
	height: 18px;
}
.h20 {
	height: 20px;
}
.h23 {
	height: 23px;
}
.h24 {
	height: 24px;
}
.h26 {
	height: 26px;
}
.h30 {
	height: 30px;
}
.h34 {
	height: 34px;
}
.h36 {
	height: 36px;
}
.h40 {
	height: 40px;
}
.h45 {
	height: 45px;
}
.h50 {
	height: 50px;
}
.h52 {
	height: 52px;
}
.h54 {
	height: 54px;
}
.h56 {
	height: 56px;
}
.h60 {
	height: 60px;
}
.h70 {
	height: 70px;
}
.h77 {
	height: 77px;
}
.h80 {
	height: 80px;
}
.h90 {
	height: 90px;
}
.h96 {
	height: 96px;
}
.h100 {
	height: 100px;
}
.h110 {
	height: 110px;
}
.h114 {
	height: 114px;
}
.h118 {
	height: 118px;
}
.h120 {
	height: 120px;
}
.h130 {
	height: 130px;
}
.h140 {
	height: 140px;
}
.h150 {
	height: 150px;
}
.h163 {
	height: 163px;
}
.h170 {
	height: 170px;
}
.h180 {
	height: 180px;
}
.h200 {
	height: 200px;
}
.h320 {
	height: 320px;
}
.h355 {
	height: 355px;
}
.h380 {
	height: 380px;
}
.h400 {
	height: 400px;
}
.h450 {
	height: 450px;
}
.h460 {
	height: 460px;
}
.h550 {
	max-height: 450px;
}
/* padding */
.pa5 {
	padding: 5px;
}
.pall10 {
	padding: 10px;
}
.pa10 {
	padding: 20px;
}
.pa15 {
	padding: 30px;
}
.pa24 {
	padding: 24px;
}
.pa15 {
	padding: 30px;
}
.pt2 {
	padding-top: 2px;
}
.pt3 {
	padding-top: 3px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px !important
}
.pt15 {
	padding-top: 15px;
}
.pt18 {
	padding-top: 18px;
}
.pt20 {
	padding-top: 20px;
}
.pt24 {
	padding-top: 24px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
.pt60 {
	padding-top: 60px;
}
.pt70 {
	padding-top: 70px;
}
.pt80 {
	padding-top: 80px;
}
.pt90 {
	padding-top: 90px;
}
.pt100 {
	padding-top: 100px;
}
.p-t-15 {
	padding-top: 15px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.pb2 {
	padding-bottom: 2px;
}
.pb3 {
	padding-bottom: 3px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb18 {
	padding-bottom: 18px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb24 {
	padding-bottom: 24px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb60 {
	padding-bottom: 60px;
}
.pb70 {
	padding-bottom: 70px;
}
.pb80 {
	padding-bottom: 80px;
}
.pb90 {
	padding-bottom: 90px;
}
.pb100 {
	padding-bottom: 100px;
}
.pl5 {
	padding-left: 5px !important;
}
.pl9 {
	padding-left: 9px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl14 {
	padding-left: 14px !important;
}
.pl20 {
	padding-left: 20px;
}
.pl24 {
	padding-left: 24px;
}
.pl27 {
	padding-left: 27px;
}
.pl28 {
	padding-left: 28px;
}
.pl29 {
	padding-left: 29px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}
.pl50 {
	padding-left: 50px !important;
}
.pl114 {
	padding-left: 114px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pl9 {
	padding-right: 9px !important;
}
.pr10 {
	padding-right: 10px;
}
.pr14 {
	padding-right: 14px !important;
}
.pr20 {
	padding-right: 20px;
}
.pr24 {
	padding-right: 24px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
.pr50 {
	padding-right: 50px;
}
/* margin */
.marginAuto {
	margin: auto;
}
.mwarp {
	margin: 16px 24px;
}
.ma15 {
	margin: 30px;
}
.ma15 {
	margin: 30px;
}
.ma {
	margin: 0 !important;
}
.mt3 {
	margin-top: 3px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt18 {
	margin-top: 18px;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb14 {
	margin-bottom: 14px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb17 {
	margin-bottom: 17px !important;
}
.mb18 {
	margin-bottom: 18px !important;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml10 {
	margin-left: 10px !important;
}
.ml18 {
	margin-left: 18px;
}
.ml20 {
	margin-left: 20px;
}
.ml22 {
	margin-left: 22px;
}
.ml23 {
	margin-left: 23px;
}
.ml25 {
	margin-left: 25px;
}
.ml26 {
	margin-left: 26px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px;
}
.ml100 {
	margin-left: 100px;
}
.ml300 {
	margin-left: 300px;
}
.mr5 {
	margin-right: 5px !important;
}
.mr9 {
	margin-right: 9px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr14 {
	margin-right: 14px !important;
}
.mr18 {
	margin-right: 18px !important;
}
.mr20 {
	margin-right: 20px;
}
.mr24 {
	margin-right: 24px;
}
.mr29 {
	margin-right: 29px;
}
.mr30 {
	margin-right: 30px;
}
.mr32a {
	margin-right: 32px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mr52 {
	margin-right: 54px;
}
.mr100 {
	margin-right: 100px !important;
}
/* font-size */
.fs24 {
	font-size: 48px;
}
.fs14 {
	font-size: 28px;
}
.fs12 {
	font-size: 24px;
}
.fs10 {
	font-size: 20px;
	line-height: 34px;
}
.fs9 {
	font-size: 18px !important;
}
.fs8 {
	font-size: 16px !important;
}
.fs7 {
	font-size: 14px !important;
}
.fs6 {
	font-size: 12px !important;
}
.fs5 {
	font-size: 10pxx !important;
}
.text-align {
	text-align: center
}
.text-decoration {
	text-decoration: line-through
}
.text-align-left {
	text-align: left
}
.text-align-right {
	text-align: right !important;
}
.hover_pointer {
	cursor: pointer
}
.oyauto {
	overflow-y: auto;
}
.oscrollbar::-webkit-scrollbar {
	width: 0px;
}
.oxauto {
	overflow-x: auto;
}
.ohidden {
	overflow: hidden;
}
.trans2 {
	transition: all 0.2s;
}
/* weight */
.fw400 {
	font-weight: 400;
}
.fw600 {
	font-weight: 600;
}
.fw700 {
	font-weight: 700;
}
.fwbold {
	font-weight: bold;
}
/* color */
.cblue {
	color: #51CBCD;
}
.cA1 {
	color: #17191A !important;
}
.cA2 {
	color: #454A4C;
}
.cA3 {
	color: #737F80;
}
.cA4 {
	color: #C0CBCC;
}
.cgray {
	color: #67757c;
}
.corange {
	color: #FD634E;
}
.cred {
	color: #F9374D;
}
.cFDE2BB {
	color: #FDE2BB;
}
.cfff {
	color: #ffffff !important;
}
/* text-align */
.textc {
	text-align: center
}
.disinblock {
	display: inline-block;
}
.w55p {
	width: 55%;
}
.float-left {
	float: left !important;
}
/* background */
.bgbule {
	background: #51CBCD !important;
}
.bgc0 {
	background: #c0c0c0 !important;
}
.bggreen {
	background: #2BCF88;
}
.bgyellow {
	background: #FFA133;
}
.bgorange {
	background: #FD634E;
}
.bgred {
	background: #fd4e56;
}
.bgf7fa {
	background: #F7FAFA;
}
.bgf7fa {
	background: #f7FAFA;
}
.bge3e7 {
	background: #d8e3e7;
}
.bgFDE2BB {
	background: #FDE2BB;
}
.bgbule1 {
	background: #4484FD;
}
.bgbule2 {
	background: #6772E5;
}
.bgbule3 {
	background: #566C84;
}
.bgfff {
	background: #ffffff;
}
.bgf5f6 {
	background: #f5f5f6;
}
.scrollbar_none::-webkit-scrollbar {
	display: none
}
.oyauto {
	overflow-y: auto
}
.el-submenu__title {
	color: #000000 !important;
}
/* radius */
.br3 {
	border-radius: 3px;
}
.br5 {
	border-radius: 5px;
}
.br6 {
	border-radius: 6px;
}
.br10 {
	border-radius: 10px;
}
.br18 {
	border-radius: 18px;
}
.br20 {
	border-radius: 20px;
}
.br30 {
	border-radius: 30px;
}
.br40 {
	border-radius: 40px;
}
.br50p {
	border-radius: 50%;
}
.brtop20 {
	border-radius: 20px 20px 0px 0px;
}
.brbottom10 {
	border-radius: 0px 0px 10px 10px;
}
/* border */
.bced {
	border: 1px solid #CED4DA;
}
.bef0 {
	border: 1px solid #EEEFF0;
}
.be6eb {
	border: 1px solid #E6EBEB;
}
.btef0 {
	border-top: 1px solid #EEEFF0;
}
.bDCDFE6 {
	border: 1px solid #DCDFE6;
}
.bbule1 {
	border: 1px solid #51CBCD;
}
.bbbule1 {
	border-bottom: 1px solid #51CBCD;
}
.bbD7E0 {
	border: 1px solid #D7E0E0;
}
.bbbule2 {
	border-bottom: 2px solid #51CBCD;
}
.bbef0 {
	border-bottom: 1px solid #EEEFF0;
}
.bb999 {
	border: 2px solid #333333 !important;
}
.bb333 {
	border: 1px solid #333333 !important;
}
.border-none {
	border: none;
}
.borderbox {
	box-sizing: border-box;
}
.bbnone {
	border-bottom: 0;
}
/*diy-radio*/
.diy-radio {
	width: 16px;
	height: 16px;
	border: 1px solid #CED4DA;
	border-radius: 50%;
	transition: .1s;
}
.diy-radio.check {
	border-color: #51CDCB;
	position: relative;
}
.diy-radio.check::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #51CDCB;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
/* position */
.posre {
	position: relative
}
.posab {
	position: absolute
}
.posfix {
	position: fixed
}
.lineheight0 {
	line-height: 0px;
}
.lineheight1 {
	line-height: 1;
}
.lineheight20 {
	line-height: 20px;
}
.lineheight24 {
	line-height: 24px;
}
.lineheight30 {
	line-height: 30px;
}
.lineheight40 {
	line-height: 40px;
}
.lineheight45 {
	line-height: 45px;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.el-tabs__header {
	height: 56px !important;
	background: #ffffff;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #e6ebeb !important;
}
.el-tabs__nav-wrap::after {
	content: "";
	display: none;
}
.el-tabs__nav {
	height: 56px !important;
	margin-left: 24px !important;
}
.el-tabs__active-bar {
	width: 112px !important;
	background-color: #51cbcd !important;
}
.el-tabs__item.is-active {
	color: #51cbcd !important;
}
.el-tabs__item:hover {
	color: #51cbcd !important;
}
.el-tabs__item {
	padding: 0 !important;
	width: 112px !important;
	height: 56px !important;
	line-height: 56px !important;
	text-align: center !important;
}
.el-color-dropdown__main-wrapper {
	display: none !important;
}
.carousel-item .container {
	padding: 0;
}
.el-color-picker__panel {
	display: flex;
}
.el-color-dropdown__btns>.el-button--text {
	display: none !important;
}
.el-color-dropdown__btns>.el-color-dropdown__value {
	display: none !important;
}
.el-table__row {
	font-size: 14px;
}
.el-table th>.cell {
	padding: 0 !important;
	text-align: center;
}
.el-table-column--selection .cell {
	padding: 0 !important;
	text-align: center;
}
.el-table th>.cell {
	font-size: 14px;
}
.el-button {
	font-size: 14px !important;
}
.el-table .cell {
	font-size: 14px !important;
}
.el-input__inner {
	height: 34px !important;
	line-height: 34px !important;
	font-size: 14px !important;
}
.font-white {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}
.el-table th {
	background: #f7fafa !important;
	color: #737F80 !important;
}
.el-table .cell.el-tooltip {
	color: #454a4c !important;
}
.el-pagination .el-pagination__total {
	line-height: 36px !important;
}
.el-submenu__title {
	font-size: 14px !important;
}
.el-menu-item {
	color: #000000 !important;
	font-size: 14px !important;
}
.d-grid20p {
	display: grid;
	grid-template-columns: repeat(5, 20%);
}